<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>DJ ROCKS a Music Category Flat Bootstarp Responsive Web Template| Events :: w3layouts</title>
<link href="__CSS__/bootstrap.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="__CSS__/touchTouch.css" type="text/css" media="all" />
<!-- Custom Theme files -->
<link href="__CSS__/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="__JS__/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="DJ ROCKS Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,100,200' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="__JS__/jquery.fancybox.js"></script>
		<link rel="stylesheet" type="text/css" href="__CSS__/jquery.fancybox.css" media="screen" />
	   <script type="text/javascript">
			$(document).ready(function() {
				/*
				 *  Simple image gallery. Uses default settings
				 */

				$('.fancybox').fancybox();

			});
		</script>

</head>
<body>
<!---->
<div class="header">
	 <div class="container">
		 <div class="logo">
			 <a href="index.html"><h1>DJ ROCKS</h1></a>
		 </div>
		 <div class="top-menu">
			 <ul>
			 <li class="active"><a href="{:U('Home/index/index');}"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
			 <li><a href="{:U('Home/news/news');}"><span class="glyphicon" aria-hidden="true"></span>News</a></li>
			 <li><a href="{:U('Home/photo/photo');}"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>Photo</a></li>
			 <li><a href="{:U('Home/music/music');}"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Music</a></li>
			 <li><a href="{:U('Home/video/video');}"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>Video</a></li>
			 </ul>
		 </div>
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
<div class="event content">
	 <div class="container">  
		 <ol class="breadcrumb">
		  <li><a href="#">Home</a></li>
		  <li class="active">Events</li>	  
		 </ol>
		 <h2>EVENTS</h2>
		 <div class="event-main">
			 <div class="event-grids">
					<div class="col-md-3 event-grid">
						<div class="pic2"> </div>
						<ul>
							<li class="hedding">Wembley Stadium</li>
							<li class="date2">2 December 2014</li>
						</ul>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 event-grid small-text">
						<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.</p>
					</div>
					<div class="col-md-2 event-grid large-text">
						<p class="text">$ 200 USD</p>
					</div>
					<div class="col-md-3 event-grid text-button">
						<ul>
							<li class="num">300 tickets Available</li>
							<li class="button yellow"><a href="#">Buy Ticket</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
			  </div>
			  
			  <div class="event-grids">
					<div class="col-md-3 event-grid">
						<div class="pic2"> </div>
						<ul>
							<li class="hedding">Wembley Stadium</li>
							<li class="date2">2 December 2014</li>
						</ul>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 event-grid small-text">
						<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.</p>
					</div>
					<div class="col-md-2 event-grid large-text">
						<p class="text">$ 350 USD</p>
					</div>
					<div class="col-md-3 event-grid text-button">
						<ul>
							<li class="num">150 tickets Available</li>
							<li class="button yellow"><a href="#">Buy Ticket</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
			  </div>
			  
			  <div class="event-grids">
					<div class="col-md-3 event-grid">
						<div class="pic2"> </div>
						<ul>
							<li class="hedding">Wembley Stadium</li>
							<li class="date2">2 December 2014</li>
						</ul>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 event-grid small-text">
						<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.</p>
					</div>
					<div class="col-md-2 event-grid large-text">
						<p class="text">$ 500 USD</p>
					</div>
					<div class="col-md-3 event-grid text-button">
						<ul>
							<li class="num">75 tickets Available</li>
							<li class="button yellow"><a href="#">Buy Ticket</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
			  </div>
			  <div class="event-grids">
					<div class="col-md-3 event-grid">
						<div class="pic2"> </div>
						<ul>
							<li class="hedding">Wembley Stadium</li>
							<li class="date2">2 December 2014</li>
						</ul>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 event-grid small-text">
						<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.</p>
					</div>
					<div class="col-md-2 event-grid large-text">
						<p class="text">$ 800 USD</p>
					</div>
					<div class="col-md-3 event-grid text-button">
						<ul>
							<li class="num">100 tickets Available</li>
							<li class="button yellow"><a href="#">Buy Ticket</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
			  </div>			  
		 </div>		 
		 <h3>OUR PARTIES</h3>
			<div class="event-pics">
				<a class="fancybox" href="__IMG__/10.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/10.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/7.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/7.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/8.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/8.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/15.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/15.jpg" class="img-style row6" alt=""><span> </span></a>
				<div class="clearfix"></div>
				<a class="fancybox" href="__IMG__/5.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/5.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/13.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/13.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/9.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/9.jpg" class="img-style row6" alt=""><span> </span></a>
				<a class="fancybox" href="__IMG__/4.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="__IMG__/4.jpg" class="img-style row6" alt=""><span> </span></a>
				<div class="clearfix"></div>
			</div>
		 <div class="footer">
			 <div class="container">
				 <div class="strp2">
					 <img src="__IMG__/ftr.png" alt=""/>
				 </div>
				 <div class="copywrite">
					 <p>Copyright © 2015 DJ ROCKS All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>
				 </div>
				 <div class="social-icons">
					  <a href="#"><i class="twitter"></i></a>
					  <a href="#"><i class="facebook"></i></a>		
					 <a href="#"><i class="flicker"></i></a>	
					 <a href="#"><i class="wifi"></i></a>
				 </div>
				 <div class="clearfix"></div>
			 </div>
		 </div>	
	 </div>
</div>
<!---->

<!---->
</body>
</html>